<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品2</title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/ziy.css">
		<link rel="stylesheet" type="text/css" href="css/shangp.css">
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
		<style>
			.jinp_tuij_lb {
				width: 100%;
			}

			.jinp_tuij_lb li {
				margin-right: 3%;
				width: 31%;
			}

			.jinp_tuij_lb li:nth-child(3n+3) {
				margin-right: 0;
			}

			.jinp_tuij_lb li>a:first-of-type,
			.jinp_tuij_lb li>a:first-of-type>img {
				width: 100%;
			}
			.logo {
				width: 20% !important;
			}

			.search {
				width: 35% !important;
			}

			.search>input {
				width: 50% !important;
			}

			.myGomeWeb {
				display: flex;
				justify-content: center;
			}

			.myGomeWeb>div {
				float: none;
			}

			.myGomeWeb>div:first-of-type {
				margin-right: 30px;
			}
		</style>

	</head>
	<body>
		<!--头部-->
		<div id="header">
			<div class="header-box">
				<h3 class="huany">23215220322 唐铭阳</h3>
				<ul class="header-left">
				</ul>
				<ul class="header-right">
					<li class="denglu dengl_hou">
						<div>
							<a class="red" href="#">Hi~冷冰冰</a>
							<i class="icon_plus_nickname"></i>
							<i class="ci-leftll">
								<s class="jt">◇</s>
							</i>
						</div>
						<div class="dengl_hou_xial_k">
							<div class="zuid_xiao_toux">
								<a href="#"><img src="images/评价/头像.png"></a>
							</div>
							<div class="huiy_dengj">
								<a class="tuic_" href="#">退出</a>
							</div>
							<div class="toub_zil_daoh">
								<a href="#">待处理订单</a>
								<a href="wod_shouc.html">我的收藏</a>
								<a href="#">个人资料</a>
							</div>
						</div>
					</li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps" href="wod_shouc.html">我的收藏</a></li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps ps1" href="wod_dingd.html">我的订单</a></li>
					<li class="shu"></li>
					<li class="denglu"><a class="ing_ps ps2" href="shengq_shouh.html">售后服务</a></li>
					<li class="shu"></li>
					<li class="shouji bj">
						<a class="ing_ps ps3" href="#">手机醒肤</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="shouji1">
							<img src="images/我的订单/二维码2.jpg" class="shouji4">
							<div class="shouji2">
								<p>醒肤客户端</p>
								<p class="red">首次下单满99元，送99元</p>
							</div>
							<div class="yi">
								<img src="images/我的订单/二维码2.jpg" class="shouji4">
								<div class="er">
									<p>醒肤微信公众号</p>
									<p class="red">关注醒肤公众号的积分，换大礼</p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--搜索栏-->
		<div class="toub_beij">
			<div class="logo"><a href="index.html"><img src="./images/店铺/logo4.jpg" style="width: 255px;height: 95px;"></a>
			</div>
			<div class="search">
				<input type="text" placeholder="美妆一折抢" class="text" id="textt">
				<button class="button">搜索</button>
			</div>
			<div class="right">
				<i class="gw-left"></i>
				<i class="gw-right"></i>
				<div class="sc">
					<i class="gw-count">0</i>
					<i class="sd"></i>
				</div>
				<a href="gouw_che.html">我的购物车</a>
				<div class="dorpdown-layer">
					<ul>
						<li class="meiyou">
							<img src="./images/settleup-nogoods.png">
							<span>购物车中还没有商品，赶紧选购吧！</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="submena clearfix">
			<a href=" ">全部分类</a>
			<span>></span>
			<a href=" ">精品推荐</a>
			<span>></span>
			<a href=" ">商品详情</a>
		</div>
		<div class="center_con clearfix">
			<div class="main_menu fl"><img src="images/店铺/图片3.jpg" style="width: 400px;height: 290px;"></div>
			<div class="goods_detail_list fr">
				<h3>Christophe Robin 芦荟保湿修护喷雾</h3>
				<p>Christophe Robin 芦荟保湿修护喷雾 150ml/瓶</p>
				<div class="prize_bar">
					<div class="show_prize fl"><em>¥260.00</em></div>
					<div class="show_unit fl">含量：150ml</div>
				</div>
				<div class="goods_num clearfix">
					<div class="num_name fl">数量：</div>
					<div class="num_add fl">
						<input type="text" class="num_show fl" value="1">
						<a href="" class="add fr">+</a>
						<a href="" class="minus fr">-</a>
					</div>
				</div>
				<div class="total">总价：<em>¥260.00</em></div>
				<div class="operate_btn">
					<a href="tij_dingd.html" class="buy_btn">立即购买</a>
					<a href="jiar_gouw_c.html" class="add_cart">加入购物车</a>
				</div>
			</div>
		</div>
		<div class="beij_center">
			<div class="jiar_gouw_c_beij2">
				<div class="guk">顾客评价</div>
				<div class="guk2">目前暂时没有评价</div>
				<div class="guk3">写评价</div>
			</div>
		</div>
		<!-- 猜你喜欢 -->
		<div class="beij_center">
			<div class="dp_sy_biaot">
				<div class="dis_jvz">
					<div class="xian"></div>
					<div class="xihuan">
						<h1>猜你喜欢</h1>

					</div>
					<div class="zuoy_xian"></div>
				</div>
			</div>
		</div>
		<div class="rexzqxt_beij">
			<div class="beij_center">
				<div class="picScroll_left_dianp">
					<div class="hd">
						<ul></ul>
					</div>
					<div class="bd jinp_tuij_lb">
						<ul class="picList">
							<li>
								<a href="#" class="jngp_img"><img src="images/店铺/图片8.jpg"></a>
								<a href="#" class="jinp_biaot">香缇卡隔离 | 有色面霜SPF15 - 50g</a>
								<span>￥139.00</span>
							</li>
							<li>
								<a href="#" class="jngp_img"><img src="images/店铺/图片9.jpg"></a>
								<a href="#" class="jinp_biaot">Elemis TriEnzyme 三重酵素焕肤洁面乳200ml</a>
								<span>¥390.00</span>
							</li>
							<li>
								<a href="#" class="jngp_img"><img src="images/店铺/图片10.jpg"></a>
								<a href="#" class="jinp_biaot">伊丽莎白雅顿视黄醇神经酰胺胶囊 | 90 粒</a>
								<span>￥783.00</span>
							</li>
							<li>
								<a href="#" class="jngp_img"><img src="images/店铺/图片8.jpg"></a>
								<a href="#" class="jinp_biaot">香缇卡隔离 | 有色面霜SPF15 - 50g</a>
								<span>￥139.00</span>
							</li>
							<li>
								<a href="#" class="jngp_img"><img src="images/店铺/图片9.jpg"></a>
								<a href="#" class="jinp_biaot">Elemis TriEnzyme 三重酵素焕肤洁面乳200ml</a>
								<span>￥139.00</span>
							</li>
						</ul>
					</div>
				</div>
				<script type="text/javascript">
					jQuery(".picScroll_left_dianp").slide({
						titCell: ".hd ul",
						mainCell: ".bd ul",
						autoPage: true,
						effect: "left",
						autoPlay: true,
						vis: 3,
						scroll: 1,
						trigger: "click"
					});
				</script>
			</div>
		</div>
		<!--底部-->
		<div class="dib_beij dib_beij_ger_zhongx">
			<div class="dib_jvz_beij">
				<div class="shangp_baoz">
					<p>本地购物&nbsp;&nbsp;看得见的商品</p>
					<p class="beng1">正品行货&nbsp;&nbsp;购物无忧</p>
					<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
					<p class="beng3">本地直发&nbsp;&nbsp;专业配送</p>
				</div>
				<div class="zhongj_youx">
					<div class="lieb_daoh">
						<h4>物流配送</h4>
						<ul>
							<li><a href="#">配送查询</a></li>
							<li><a href="#">配送服务</a></li>
							<li><a href="#">配送费用</a></li>
							<li><a href="#">配送时效</a></li>
							<li><a href="#">签收与验货</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>支付与账户</h4>
						<ul>
							<li><a href="#">货到付款</a></li>
							<li><a href="#">在线支付</a></li>
							<li><a href="#">账户安全</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>购物帮助</h4>
						<ul>
							<li><a href="#">购物保障</a></li>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<h4>售后服务</h4>
						<ul>
							<li><a href="#">退换货服务</a></li>
							<li><a href="#">退款说明</a></li>
						</ul>
					</div>
					<div class="lieb_daoh">
						<div class="kef_dianh">
							<p>客服电话</p><span>400-1009-727</span>
						</div>
						<div class="kef_dianh kef_dianh_youx">
							<p>意见收集邮箱</p>
							<p>199384884@.com</p>
						</div>
					</div>
					<div class="lieb_daoh lieb_daoh_you">
						<div class="erw_ma_beij">
							<div class="erw_m">
								<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
								<span>扫码下载醒肤客户端</span>
							</div>
							<div class="erw_m">
								<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
								<span>扫码下载醒肤客户端</span>
							</div>
						</div>
					</div>
				</div>
				<div class="beia_hao">
					<p>粤ICP备：20219999号 粤ICP证：22-20200727号 </p>
					<p class="gonga_bei">粤公网安备：7271999002737910号</p>
					<div class="renz_">
						<span></span>
						<span class="span1"></span>
						<span class="span2"></span>
						<span class="span3"></span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
